@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');
@font-face{font-family:'Futura';src:url('../assets/fonts/FuturaBT-Book.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Futura';src:url('../assets/fonts/FTN45.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Futura';src:url('../assets/fonts/FTN86.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{
--font-display:'Futura','Century Gothic',ui-sans-serif,system-ui,sans-serif;
--font-body:'Futura','Century Gothic',ui-sans-serif,system-ui,-apple-system,sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace;

--tracking-tight:-0.01em;
--tracking-wide:0.06em;
--tracking-widest:0.16em;

--text-display-xl:700 clamp(3rem,6vw,6.5rem)/0.98 var(--font-display);
--text-display-lg:700 clamp(2.5rem,6.2vw,4.5rem)/0.98 var(--font-display);
--text-display-md:700 clamp(1.75rem,2.6vw,2.5rem)/1.08 var(--font-display);
--text-display-sm:500 1.375rem/1.15 var(--font-display);

--text-body-lg:400 1.125rem/1.6 var(--font-body);
--text-body-md:400 1rem/1.6 var(--font-body);
--text-body-sm:400 0.875rem/1.5 var(--font-body);
--text-label:500 0.8125rem/1.3 var(--font-body);
--text-eyebrow:600 0.75rem/1.3 var(--font-body);

--text-mono-md:400 0.875rem/1.4 var(--font-mono);
--text-mono-sm:400 0.75rem/1.4 var(--font-mono);
}